<template>
<!-- 第三步 显示组件 -->
<!-- <Header/>
<Main/> 
<Aside/> -->
<!-- <Parent/> -->
<!-- <ComponentEvent/> -->
<!-- <Main/> -->
<!-- <ComponmentC/> -->
<!-- <BaseSlots>
    <div>
        <h3>Slot-title</h3>
        <p>Slot-content</p>
    </div>
</BaseSlots> -->
<BaseSlotTow>
    <template #header>  
    <h4>{{message}}</h4>
    </template>

    <template #main>
    <h4>{{content}}</h4>
    </template>
    
</BaseSlotTow>
</template>

<script>
// import BaseSlots from './components/BaseSlots.vue'
import BaseSlotTow from './components/BaseSlotTow.vue'
// import ComponmentC from './components/demo3/ComponmentC.vue';
// impor t ComponentEvent from './components/ComponentEvent.vue';
// import Main from './components/Main.vue';




export default{

    data() {
        return {
            message:"插槽Title-test-111",
            content:"内容1111"
        }
    },
    // 第二步 注入组件
    components:{
        // BaseSlots,
        BaseSlotTow
    // ComponentEvent,
    // Main,
        // ComponmentC
    }
}
</script>
<style>

</style>